import './LoginA02.scss'

import { ImageUrl } from '../../Config/theme'
import { modelStore } from '../../Config/zustand'

const LoginA02 = ({ SignPage, btnText }) => {
    const { updateModel } = modelStore()
    const onScanCode = () => {
        updateModel({ title: '扫码登录', type: 'SignScanCode', width: 480 })
    }

    return (
        <div className='LoginA02'>
            <img className='Back' src={ImageUrl + 'LoginBack.png'} alt="" />
            <img className='Nav' src={ImageUrl + 'Nav.png'} alt="" />
            <img className='Btm' src={ImageUrl + 'Bottom.png'} alt="" />
            <div className='Title'>建投集团经济运行统计云平台</div>
            <div className='SignBox'>
                <img className='Back' src={ImageUrl + 'SignBox.png'} alt="" />
                <div className='Box'>
                    <div className='subTitle'>登录平台</div>
                    <SignPage btnText={btnText} />
                    <img className='Code' src={ImageUrl + 'code.png'} alt="" onClick={onScanCode} />
                </div>
            </div>
        </div>
    );
};

export default LoginA02;